<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>

<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>进货申请</title>
    <meta name="description" content="这是一个 index 页面">
    <meta name="keywords" content="index">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="renderer" content="webkit">
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <link rel="icon" type="image/png" href="/resources/i/favicon.png">
    <link rel="apple-touch-icon-precomposed" href="/resources/i/app-icon72x72@2x.png">
    <meta name="apple-mobile-web-app-title" content="Amaze UI"/>
    <script src="/resources/js/echarts.min.js"></script>
    <link rel="stylesheet" href="/resources/css/amazeui.min.css"/>
    <link rel="stylesheet" href="/resources/css/amazeui.datatables.min.css"/>
    <link rel="stylesheet" href="/resources/css/app.css">
    <script src="/resources/js/jquery.min.js"></script>

</head>

<body data-type="widgets">

    <script src="/resources/js/theme.js"></script>

    <div class="am-g tpl-g">

        <%--头部开始--%>
        <%@include file="header.jsp" %>
        <%--头部结束--%>

        <!-- 内容区域 -->
        <div class="tpl-content-wrapper">
            <div class="row-content am-cf">
                <div class="row">
                    <div class="am-u-sm-12 am-u-md-12 am-u-lg-12">
                        <div class="widget am-cf">
                            <div class="container-fluid am-cf">
                                <div class="row">
                                    <div class="am-u-sm-12 am-u-md-12 am-u-lg-9">
                                        <div class="page-header-heading"><span class="am-icon-file-excel-o page-header-heading-icon"></span> 进货申请
                                            <small>Application For Incoming Goods</small>
                                        </div>
                                        <p class="page-header-description">提交进货申请，用于申请进货。</p>
                                    </div>
                                </div>
                            </div>

                            <div class="widget-body am-fr">
                                <div class="am-u-sm-12">
                                    <!-- 进货管理 -->
                                    <form class="am-form tpl-form-border-form tpl-form-border-br" id="dataForm">

                                        <!-- 申请时间-->
                                        <div class="am-form-group am-u-md-12 am-u-lg-6">
                                            <label class="am-u-sm-3 am-form-label">申请时间</label>
                                            <div class="am-u-sm-7">
                                                <input type="text" name="aplicDate" class="aplicDate" value="${fn:substring(aplicDate, 0, 10)}" readonly="readonly" />
                                            </div>
                                            <div class="am-u-sm-2">
                                            </div>
                                        </div>

                                        <!-- 申请人-->
                                        <div class="am-form-group am-u-md-12 am-u-lg-6">
                                            <label class="am-u-sm-3 am-form-label">申请人</label>
                                            <div class="am-u-sm-7">
                                                <input type="text" name="aplictel" class="aplictel" value="${aplicman }" readonly="readonly" />
                                            </div>
                                            <div class="am-u-sm-2">
                                            </div>
                                        </div>

                                        <!-- 联系电话-->
                                        <div class="am-form-group am-u-md-12 am-u-lg-6">
                                            <label class="am-u-sm-3 am-form-label">联系电话</label>
                                            <div class="am-u-sm-7">
                                                <input type="text" name="aplicman" class="aplicman" value="${aplictel}" />
                                            </div>
                                            <div class="am-u-sm-2">
                                            </div>
                                        </div>

                                        <!-- 进货总价-->
                                        <div class="am-form-group am-u-md-12 am-u-lg-6">
                                            <label class="am-u-sm-3 am-form-label">进货总价</label>
                                            <div class="am-u-sm-7">
                                                <input type="text" name="purchPrice" class="purchPrice" readonly="readonly" placeholder="请选择商品，系统自动生成总价" />
                                            </div>
                                            <div class="am-u-sm-2">
                                                <small>元</small>
                                            </div>
                                        </div>

                                        <!-- 进货商品 -->
                                        <div class="am-form-group am-u-md-12 am-u-lg-6">
                                            <label class="am-u-sm-3 am-form-label">进货商品</label>
                                            <div class="am-u-sm-7">
                                                <select class="selectProduct" multiple data-am-selected="{searchBox: 1, btnWidth: '100%', maxHeight: 300, btnSize: 'sm', btnStyle: 'secondary'}">
                                                    <!-- js动态生成 -->
                                                </select>
                                            </div>
                                            <div class="am-u-sm-2">
                                                <small>必选</small>
                                            </div>
                                        </div>

                                        <!-- 备注-->
                                        <div class="am-form-group am-u-md-12 am-u-lg-6">
                                            <label class="am-u-sm-3 am-form-label">备注</label>
                                            <div class="am-u-sm-7">
                                                <input type="text" name="aplicNote" class="aplicNote" maxlength="250" placeholder="请输入备注" />
                                            </div>
                                            <div class="am-u-sm-2">
                                            </div>
                                        </div>

                                        <!-- 显示商品 -->
                                        <div class="am-form-group am-u-md-12 am-u-lg-12">
                                            <label class="am-u-sm-2 am-form-label"></label>
                                            <div class="am-u-sm-8">
                                                <table width="100%" border="1" style="text-align:center">
                                                    <thead>
                                                        <tr>
                                                            <th style="text-align:center">商品名称</th>
                                                            <th style="text-align:center">数量（点击可编辑）</th>
                                                            <th style="text-align:center">单位</th>
                                                            <th style="text-align:center">单价</th>
                                                        </tr>
                                                    </thead>
                                                    <tbody class="proBody"></tbody>
                                                </table>
                                            </div>
                                            <div class="am-u-sm-2">
                                            </div>
                                        </div>

                                        <!-- 按钮 -->
                                        <div class="am-form-group am-u-md-12 am-u-lg-12">
                                            <button type="button" class="am-btn am-btn-sm am-center am-btn-success tpl-btn-bg-color-success" id="addSubmitBtn"><i class="am-icon-floppy-o"></i> 提交申请</button>
                                        </div>

                                    </form>
                                </div>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <script src="/resources/js/amazeui.min.js"></script>
    <script src="/resources/js/amazeui.datatables.min.js"></script>
    <script src="/resources/js/dataTables.responsive.min.js"></script>
    <script src="/resources/js/app.js"></script>
    <script src="/resources/jsutlis/fileutli.js"></script>
    <script src="/resources/js/stockManageAdd.form.validation.js"></script>
</body>

</html>